<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>数据开发工具</title>
    <link href="../../../skins/plugins/font-awesome/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../../../skins/plugins/animate.css" rel="stylesheet">
    <link rel="stylesheet" href="../../../skins/develop/css/index.css">
    <link rel="stylesheet" href="../../../skins/develop/css/flinksql.css">
    <link rel="stylesheet" href="../../../skins/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../../skins/plugins/sql/codemirror/lib/codemirror.css"/>
    <script src="../../../skins/plugins/sql/codemirror/lib/codemirror.js"></script>
    <script src="../../../skins/plugins/sql/codemirror/addon/hint/show-hint.js"></script>
    <script src="../../../skins/plugins/sql/codemirror/addon/hint/sql-hint.js"></script>
    <script src="../../../skins/plugins/sql/codemirror/mode/sql/sql.js"></script>
    <script src="../../../skins/plugins/sql/js/jquery-2.2.0.min.js"></script>
    <script src="../../../skins/plugins/layui/layui.all.js"></script>
</head>

<body class="layui-layout-body fixed-sidebar layui-skin-balck">
<div class="layui-layout layui-layout-admin  " id="box">
    <div class="layui-header">
        <div class="layui-logo">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#" style="color: white">
                <span class="clear">
                    <span class="block m-t-xs" style="font-size:20px;">
                        <i class="fa fa-area-chart"></i>
                        <strong class="font-bold">数据开发工具</strong>
                    </span>
                </span>
            </a>
        </div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 显示/隐藏菜单 -->
            <li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i></a></li>
            <li class="layui-nav-item"><a href="index.html">数据开发</a></li>
            <li class="layui-nav-item  layui-nav-item-active"><a href="query.html">自助分析</a></li>
            <li class="layui-nav-item"><a href="stream.html">流式计算</a></li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="">运维管理<span class="layui-badge">9</span></a>
            </li>
            <li class="layui-nav-item">
                <a href="">个人中心<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">测试用户</a>
                <dl class="layui-nav-child" style="text-align: center">
                    <dd><a href="javascript:;">修改信息</a></dd>
                    <dd><a href="javascript:;">安全管理</a></dd>
                    <dd><a href="javascript:;">退出</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
        </ul>
    </div>
    <div class="layui-side" id="top" >
        <div class="layui-tab">
            <div class="layui-tab-content " style="padding: 0px;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-side-scroll sidebar-collapse">
                        <ul class="layui-nav layui-nav-tree" lay-filter="test">
                            <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入任务名称查询" class="layui-input" style="width: 200px;margin: 0px">
                        </ul>
                    </div>
                </div>
                <div class="layui-tab-item" id="fltre1e">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-body" id="bottom">
        <!-- 内容主体区域 -->
        <div class="layui-row layui-col-space5" style="min-height: 406px">
            <div class="layui-col-sm6 layui-col-md9">
                <div class="layui-card" style="margin-top: 5px;">
                    <div class="layui-card-body" style="padding: 0px;">
                        <div class="layui-tab" id="subJobTab" lay-allowclose="true" lay-filter="subJobTab">
                            <ul class="layui-tab-title" id="subJobTabtitle" ondblclick="newSubJob()">
                                <div class="layui-btn-group" style="float: right;margin-top: 5px;">
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="run_tab()"><i class="fa fa-play"></i></button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="pause_sql()"><i class="fa fa-pause"></i></button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="new_paragraph()"><i class="fa fa-sticky-note"></i></button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="save_paragraph()"><i class="fa fa-save"></i></button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="delete_paragraph()"><i class="fa fa-trash"></i></button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="toggleSQL" onclick="toggleSQL()"><i class="fa fa-angle-double-up"></i></button>
                                </div>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-card-body" style="padding: 0px;">
                                    <form id="sql-form">
                                        <textarea id="code" name="code" >

                                        </textarea>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card" style="margin-top: 5px;">
                    <div class="layui-card-body" style="padding: 0px;">
                        <div class="layui-tab" style="height: 400px" >
                            <ul class="layui-tab-title">
                                <li class="layui-this" id="run-tab-result">运行结果</li>
                                <li>运行日志</li>
                                <li>运行历史</li>
                                <div class="layui-btn-group" style="float: right;padding: 5px;">
                                    <button type="button" style="float: right;" class="layui-btn layui-btn-sm" data-type="isAll">导出</button>
                                </div>
                                <li>任务属性</li>
                            </ul>
                            <div class="layui-tab-content" style="padding: 0px;">
                                <div class="layui-tab-item " id="data-container" style="text-align: center">暂无数据！</div>
                                <div class="layui-tab-item " id="data-error" style="text-align: center">暂无数据，请先运行任务!</div>
                                <div class="layui-tab-item"  id="data-history" style="text-align: center" >暂无数据，请先运行任务!</div>
                                <div class="layui-tab-item " id="job-proper" >
                                    <div  style="margin-top: 20px;">
                                    </div>
                                    <form class="layui-form" action="" id="job-properlist">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <label class="layui-form-label">任务名称</label>
                                                <div class="layui-input-inline">
                                                    <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline">
                                                <label class="layui-form-label">验证邮箱</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-input-block">
                                                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">保存</button>
                                                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card no-space" style="margin: 0px;">
                    <div class="layui-card-header">数据资源</div>
                    <div class="layui-card-body" style="padding: 0px 15px;">
                        <form class="layui-form" action="">
                            <select name="modules" lay-verify="required" lay-search="">
                                <option value="">请选择数据源</option>
                                <option value="1" selected>10.106.1.190-原始库</option>
                                <option value="2">资源库</option>
                                <option value="3">主题库</option>
                            </select>
                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入数据资源名称查询" class="layui-input" >
                        </form>
                        <div id="dataTree" style="height: 638px;overflow-y: scroll;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 选项卡和内容区 -->
    <div class="layui-tab" lay-filter="home-tabs" lay-allowclose="true" style="margin: 0 0 0 200px;">
        <ul class="layui-tab-title"></ul>
        <ul class="rightmenu" style="display: none;position: absolute;z-index: 9999">
            <li data-type="refresh">刷新</li>
            <li data-type="closeOthers">关闭其他</li>
            <li data-type="closeRight">关闭右侧所有</li>
            <li data-type="closeAll">关闭所有</li>
        </ul>
        <div class="layui-tab-content">
        </div>
    </div>
    <div id="add-node" class="layui-fluid" style="display: none;">
        <form class="layui-form" id="add-form" action="">
            <input type="text" name="parentId" style="display:none;" class="layui-input">
            <div class="layui-form-item">
                <label class="layui-form-label" id="labeltest" >部门名称</label>
                <div class="layui-input-inline">
                    <input type="text" name="title" class="layui-input" required="" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="addNode">保存</button>
                </div>
            </div>
        </form>
    </div>
    <div id="update-node" class="layui-fluid" style="display: none;">
        <form class="layui-form" id="update-form" action="">
            <input type="text" name="deptId" style="display:none;" class="layui-input">
            <input type="text" name="parentId" style="display:none;" class="layui-input">
            <div class="layui-form-item">
                <label class="layui-form-label">部门名称</label>
                <div class="layui-input-inline">
                    <input type="text" name="title" class="layui-input" required="" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="updateNode">保存</button>
                </div>
            </div>
        </form>
    </div>
    <div class="layui-footer">
    </div>
</div>
<script src="../../../skins/plugins/layer/layer.min.js"></script>
<script src="../../../skins/plugins/layui/layui.js"></script>
<script src="../../../skins/develop/js/index.js"></script>
<script src="../../../skins/develop/js/flinksql/leftMenu.js"></script>
<script src="../../../skins/develop/js/flinksql/midSql.js"></script>
<script src="../../../skins/develop/js/flinksql/rightTree.js"></script>
</body>
</html>
